import React, { Component } from 'react'

export default class App extends Component {

    state = {
        count: 100
    }

    add() {
        // 该写法无法正常使用 this 
        console.log(this);
    }

    add2 = () => {
        // 在箭头函数中 this 可以正常使用
        console.log(this);
    }

    add3() {
        console.log(this);
    }

    render() {
        return (
            <div>
                <h1>App - {this.state.count} </h1>

                {/* 事件触发是由 react 完成，我们无需添加 () 调用 */}
                {/* <button onClick={this.add()}>点击加 1</button> */}

                <button onClick={this.add}>点击加 1</button>


                <button onClick={this.add2}>点击加 2</button>

                <button onClick={this.add3.bind(this)}>点击加 3</button>

            </div>
        )
    }
}
